<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" type="text/css" href="static/css/public.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/index.css"/>
		<script src="static/js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="indexTop">
			<img src="static/images/gril.png"/>
			<div class="indexTop-time">
				<p>	距离活动结束还剩：
					<span id="t_d"></span> 
					<span id="t_h"></span> 
					<span id="t_m"></span> 
					<span id="t_s"></span>
				</p>
			</div>
			<div class="indexTop-num">
				<div id="indexListBox">
					<p id="box1" style="background: #21888D;"><span>已报名</span><span>8888</span></p>
					<p><span>已投票</span><span>8888</span></p>
					<!--<p><span>浏览量</span><span>8888</span></p>-->
				</div>
			</div>
		</div>
		<!--搜索框-->
		<div class="activeSeach">
			<div class="activeSeach-left">
				<input type="text" placeholder="搜索参赛选手/编号" />
			</div>
			<a id="searchAlert" href="javascript:;" class="activeSeach-right">
			</a>
		</div>
		<!--重复投票提示弹窗-->
		<div id="alertHide" class="alertBox">
			<div id="alertBg"></div>
			
			<div id="alertBody" class="alertBody">
				<div class="indexVote">
					<p>您给Ta投过票了</p>
					<p>每天只能投给他一次哦！</p>
					<a id="closeVote" class="closeVote" href="javascript:;">知道了</a>
				</div>
			</div>
		</div>
		<!--投票提示剩余票数-->
		<div id="voteAlertBody" class="voteAlertBody">
			<h1></h1>
			<p>投票成功,　　　　</p>
			<p>你今天还可再投3票</p>
			<a id="closeVoteAlert" class="closeVote" href="javascript:;">确定</a>
		</div>
		<!--投第5票提示弹窗-->
		<div id="alertInviteBody" class="alertInviteBody">
			<h1></h1>
			<p>累计投票数50即可免费领取实体书</p>
			<p>你的投票次数已用尽，</p>
			<p>快邀请好友来为你助力吧！</p>
			<a id="closeVote" class="closeVote" href="invite.html" style="bottom:25%">前往邀请</a>
			<a id="closeALertVote" class="closeALertVote" href="javascript:;">取消</a>
		</div>
		<!--5票之后投票提示-->
		<div id="noVoteBody" class="noVoteBody">
			<h1></h1>
			<p>你的投票次数已用尽,　　　</p>
			<p>快邀请好友来为你助力吧！</p>
			<a  class="closeVote" href="invite.html">前往邀请</a>
			<a id="closeNoVoteBody" class="closeALertVote" href="javascript:;">取消</a>
		</div>
		<!--搜索不存在提示弹窗-->
		<div id="searchAlertBody" class="searchAlertBody">
			<h1></h1>
			<p>抱歉！</br>您搜索的用户不存在</p>
			<a id="closeSearch" class="closeVote" href="javascript:;">确定</a>
		</div>
		
		<!--首页用户展示-->
		<div class="indexBody">
			<div id="newPeople" class="newPeople">
				<div class="newPeople-btn">
					<a id="goSort" class="goSort" href="javascript:;">查看排行</a>
					<a class="changeList" href="javascript:;">换一批</a>
				</div>
				<ul id="indexVote">
					<li>
						<div class="indexImgBox" style="background: url(static/images/apply-img-user2.png) no-repeat center center;background-size: cover;">
							<!--<img src="static/images/index-user.png"/>-->
						</div>
						<p>小可爱</p>
						<p class="indexNum">编号：068</p>
						<p class="indexNum">票数598</p>
						<a id="fiveVote" class="unvote" href="javascript:;">给Ta投票</a>
					</li>
					<li>
						<div class="indexImgBox">
							<img src="static/images/index-user.png"/>
						</div>
						<p>小可爱</p>
						<p class="indexNum">编号：068</p>
						<p class="indexNum">票数598</p>
						<a class="indexvote" href="javascript:;">给Ta投票</a>
					</li>
					<li>
						<div class="indexImgBox">
							<img src="static/images/index-user.png"/>
						</div>
						<p>小可爱</p>
						<p class="indexNum">编号：068</p>
						<p class="indexNum">票数598</p>
						<a class="unvote" href="javascript:;">给Ta投票</a>
					</li>
					<li>
						<div class="indexImgBox">
							<img src="static/images/index-user.png"/>
						</div>
						<p>小可爱</p>
						<p class="indexNum">编号：068</p>
						<p class="indexNum">票数598</p>
						<a class="unvote" href="javascript:;">给Ta投票</a>
					</li>
				</ul>
			</div>
			<!--选手排名-->
			<div id="indexSort" class="indexSort">
				<div class="indexSort-btn">
					<a id="goNewPeople" href="javascript:;">返回新人列表</a>
				</div>
				<div class="sortInfo">
					<h3 class="sortInfoTitle"></h3>
					<div class="sortInfoList" id="sortVote">
						<ul>
							<li class="sortInfoListTitle">
								<span>排名</span>
								<span>参赛选手</span>
								<span>票数</span>
								<span>编号</span>
								<span>投票</span>
							</li>
							<li>
								<span>1</span>
								<span style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">阿狸阿狸阿狸阿狸阿狸阿狸阿狸阿狸阿狸阿狸</span>
								<span>385</span>
								<span>067</span>
								<span><a class="unvote" href="javascript:;">投票</a></span>
							</li>
							<li>
								<span>2</span>
								<span>小菠萝</span>
								<span>280</span>
								<span>031</span>
								<span><a class="sortVote" href="javascript:;">投票</a></span>
							</li>
							<li>
								<span>3</span>
								<span>阿狸</span>
								<span>385</span>
								<span>067</span>
								<span><a class="unvote" href="javascript:;">投票</a></span>
							</li>
							<li>
								<span>4</span>
								<span>小菠萝</span>
								<span>280</span>
								<span>031</span>
								<span><a class="unvote" href="javascript:;">投票</a></span>
							</li>
							<li>
								<span>5</span>
								<span>阿狸</span>
								<span>385</span>
								<span>067</span>
								<span><a class="sortVote" href="javascript:;">投票</a></span>
							</li>
							<li>
								<span>6</span>
								<span>小菠萝</span>
								<span>280</span>
								<span>031</span>
								<span><a class="unvote" href="javascript:;">投票</a></span>
							</li>
							<li>
								<span>7</span>
								<span>阿狸</span>
								<span>385</span>
								<span>067</span>
								<span><a class="unvote" href="javascript:;">投票</a></span>
							</li>
							<li>
								<span>8</span>
								<span>小菠萝</span>
								<span>280</span>
								<span>031</span>
								<span><a class="unvote" href="javascript:;">投票</a></span>
							</li>
							<li>
								<span>9</span>
								<span>阿狸</span>
								<span>385</span>
								<span>067</span>
								<span><a class="unvote" href="javascript:;">投票</a></span>
							</li>
							<li>
								<span>10</span>
								<span>小菠萝</span>
								<span>280</span>
								<span>031</span>
								<span><a class="unvote" href="javascript:;">投票</a></span>
							</li>
						</ul>
					</div>
				</div>
				<!--换页按钮-->	
					<div class="sortChangePage">
						<p>第【1/30】页</p>
						<ul>
							<li><a href="javascript:;">上一页</a></li>
							<li><a href="javascript:;">下一页</a></li>
							<li><a href="javascript:;">尾页</a></li>
						</ul>
					</div>
			</div>
		</div>
		<!--底部切换标签-->
		<div class="footerTab">
			<ul>
				<li class="home-on active"><a href="javascript:;">首页</a></li>
				<li class="applytab"><a href="apply.html">报名</a></li>
				<li class="votetab"><a href="vote.html">投票领书</a></li>
			</ul>
		</div>
	</body>
	
</html>
